<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<!-- BEGIN HEAD -->

<head>

<meta charset="utf-8" />

<title>部门信息管理</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta th:content="${session.authorities}" id="authority" />

<!-- BEGIN GLOBAL MANDATORY STYLES -->

<link href="media/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />

<link href="media/css/bootstrap-responsive.min.css" rel="stylesheet"
	type="text/css" />

<link href="media/css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />

<link href="media/css/style-metro.css" rel="stylesheet" type="text/css" />

<link href="media/css/style.css" rel="stylesheet" type="text/css" />

<link href="media/css/style-responsive.css" rel="stylesheet"
	type="text/css" />

<link href="media/css/default.css" rel="stylesheet" type="text/css"
	id="style_color" />

<link href="media/css/uniform.default.css" rel="stylesheet"
	type="text/css" />

<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN PAGE LEVEL STYLES -->

<link rel="stylesheet" type="text/css"
	href="media/css/select2_metro.css" />

<link rel="stylesheet" href="media/css/DT_bootstrap.css" />
<link rel="stylesheet"
	href="media/ztree/css/bootstrapStyle/bootstrapStyle.css"
	type="text/css">
<!-- END PAGE LEVEL STYLES -->

<link rel="shortcut icon" href="media/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

	<!-- BEGIN HEADER -->
	<div th:replace="common/header :: header"></div>
	<!-- END HEADER -->

	<!-- BEGIN CONTAINER -->

	<div class="page-container row-fluid">

		<!-- BEGIN SIDEBAR -->
		<div th:replace="common/sider :: sider"></div>
		<!-- END SIDEBAR -->

		<!-- BEGIN PAGE -->

		<div class="page-content">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">

				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">部门信息管理</h3>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<!-- END PAGE HEADER-->

				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN EXAMPLE TABLE PORTLET-->
						<div class="portlet box green">
							<div class="portlet-title">

								<div class="caption">
									<i class="icon-globe"></i>部门信息管理
								</div>
							</div>
							<div class="portlet-body">
								<div class="row-fluid">
									<div class="span12 form">
										<!-- 									sec:authorize="hasAuthority('PERMISSION_POSITION_ADD')" -->
										<form action="#" class="form-horizontal"
											id="add_dept_form">
											<div class="row-fluid">
												<div class="span4">
													<div class="control-group">
														<label class="control-label span3">部门名称</label>
														<div class="controls span9">
															<input type="text" class="m-wrap span10"
																id="deptName" name="deptName"> <span
																class="help-inline" style="color: red;">*</span>
														</div>
													</div>
												</div>
												<!--/span-->
												<div class="span4">
													<div class="control-group">
														<label class="control-label span3">选择上级</label>
														<div class="controls span9">
															<select class="m-wrap span12" name="deptParent">
																<option value="0">请选择</option>
																<option value="1" th:value="${dept.id}"
																	th:each="dept:${departments}"
																	th:text="${dept.deptName}">男</option>
															</select>

														</div>
													</div>
												</div>
												<!--/span-->
												<div class="span4">
													<div class="control-group">
														<label class="control-label span3">排序</label>
														<div class="controls span9">
															<input type="text" class="m-wrap span12"
																name="deptSort">

														</div>
													</div>
												</div>

											</div>
											<div class="row-fluid">
												<div class="span4">
													<div class="control-group">
														<label class="control-label span3">部门描述</label>
														<div class="controls span9">
															<input type="text" class="m-wrap span12"
																name="deptDesc">
														</div>
													</div>
												</div>
												<div class="span4"
													sec:authorize="hasAuthority('PERMISSION_GARDEN')">
													<div class="control-group">
														<label class="control-label span3">选择园所</label>
														<div class="controls span9">
															<select class="m-wrap span12">
																<option value="">男</option>
																<option value="">女</option>
															</select>
															<!-- 											<span class="help-block">Select your gender.</span> -->
														</div>
													</div>
												</div>
												<div class="span1" sec:authorize="hasAuthority('PERMISSION_DEPARTMENT_ADD')">
													<div class="btn-group">
														<button style="margin-left: -15px;" class="btn green"
															id="btn_add">
															添加 <i class="icon-plus"></i>
														</button>
													</div>
												</div>
											</div>
											<!--/row-->
										</form>
									</div>
								</div>
								<table
									class="table table-striped table-bordered table-hover table-full-width"
									id="table">
									<thead>
										<tr>
											<th>部门名称</th>
											<th>上级</th>
											<th>排序</th>
											<th>部门描述</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
									</tbody>
								</table>
							</div>
						</div>
						<!-- END EXAMPLE TABLE PORTLET-->
					</div>
				</div>
				<!-- END PAGE CONTENT-->

			</div>
			<!-- END PAGE CONTAINER-->
		</div>
		<!-- END PAGE -->
	</div>

	<!-- END CONTAINER -->

	<!-- BEGIN FOOTER -->

	<!-- END FOOTER -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="media/js/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="media/js/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>

	<script src="media/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="media/js/excanvas.min.js"></script>

	<script src="media/js/respond.min.js"></script>  

	<![endif]-->


	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script type="text/javascript" src="media/js/select2.min.js"></script>

	<script type="text/javascript" src="media/js/jquery.dataTables.min.js"></script>

	<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>

	<script type="text/javascript" src="media/js/jquery.validate.min.js"></script>

	<!-- 	<script type="text/javascript" src="media/js/additional-methods.min.js"></script> -->

	<script type="text/javascript" src="media/js/chosen.jquery.min.js"></script>



	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script type="text/javascript" src="media/layer/layer.js"></script>
	<script src="media/js/app.js"></script>
	<script src="media/js/departmentlist.js"></script>

	<script>
		jQuery(document).ready(function() {

			App.init();
			DepartmentList.init();

		});
	</script>

	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-37564768-1' ]);
		_gaq.push([ '_setDomainName', 'keenthemes.com' ]);
		_gaq.push([ '_setAllowLinker', true ]);
		_gaq.push([ '_trackPageview' ]);
		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://'
					: 'http://')
					+ 'stats.g.doubleclick.net/dc.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
</body>

<!-- END BODY -->

</html>